<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>dome</title>
	</head>
	<body>
		<style type="text/css">
			.button{
				width: 110px;
				height: 38px;
				text-align: center;
				background:#3180b9;
				display: inline-block;
				line-height: 38px;
				border-radius: 5px;
				color: white;
				text-decoration: none;
			}
		</style>
		
		<!--导航栏-->
		<style type="text/css">
			.nav{
				width: 1062px;
				height: 34px;
				background:#003860;
				margin: 0 auto;
				position: relative;
				font-size: 14px;
				color: white;
				line-height: 31px;
			}
			.nav::after{
				content: "";
				border-top:17px solid #003860;
				border-bottom:17px solid transparent;
				border-left: 8px solid transparent;
				border-right:8px solid #003860;
				position: absolute;
				top: 0px;
				left: -16px;
				display: inline-block;
			}
			.nav::before{
				content: "";
				border-top:17px solid #003860;
				border-bottom:17px solid transparent;
				border-left: 8px solid #003860;
				border-right:8px solid transparent;
				position: absolute;
				top: 0px;
				right: -16px;
				display: inline-block;
			}
			.nav_one{
				/*width: 56px;*/
				height: 21px;
				background:#1e6399 ;
				vertical-align: middle;
				display:inline-block;
				line-height: 21px;
				position: relative;
				left: 36px;
				text-align: center;
				padding-left: 16px;
				padding-right: 10px;
			}
			.nav_one::after{
				content: "";
				border-top:11px solid transparent;
				border-bottom:11px solid transparent;
				border-left: 10px solid #1e6399;
				border-right:10px solid transparent;
				position: absolute;
				top: 0px;
				right: -20px;
			}
		</style>
		<div class="nav">
			<div class="nav_one">123</div>
		</div>
		
		<style type="text/css">
			/*.img img{
				display: inline-block;
				transition: all .4s linear;
			}
			.img:hover>img{
				transform:rotate(360deg);
			}*/
			.img{
				width: 343px;
				height: 247px;
				display: inline-block;
				overflow: hidden;
			}
			.img img:hover{
				opacity: .4;
				width: 500px;
				height: 300px;
			}
		</style>
		<div class="img">
			<img src="img/投票/时光机器.jpg"/>
		</div>
	</body>
</html>
